import { clsx } from "../common/utils";
import { Input } from "antd";
import styles from "./index.module.less";
import { SearchProps } from "antd/es/input";

export const Search: React.FC<SearchProps> = (props) => {
  const { className, ...nest } = props;
  return (
    <Input.Search
      {...nest}
      bordered={false}
      classNames={{ input: "bg-transparent !pl-5" }}
      size="large"
      className={clsx(
        "bg-grey2 rounded-full",
        styles.Search,
        className
      )}
    />
  );
};
